<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"    
      xmlns:f="http://java.sun.com/jsf/core">
    <body>
        <ui:composition template="./../templates/intranetLogistica.xhtml">
            <ui:define name="content">  
                <p:panel header="Mantenedor de Marca">
                    <br/>
                    <h:form id="frmfieldset">
                        <p:growl id="grow2" showDetail="true"/>
                        <h:panelGrid id="nuevo" columns="1" width="100%" >                
                            <p:fieldset legend="Nueva Marca" toggleable="true" collapsed="true" toggleSpeed="500">  
                                <p:ajax event="toggle"  update="grow2" />
                                <h:panelGrid id="mensajes" columns="1" style="width: 40%">
                                    <p:message for=":frmfieldset:txtDescripcion" id="mensaje1" />
                                    <p:message for=":frmfieldset:txtNombre" id="mensaje2" />
                                </h:panelGrid>                    
                                <h:panelGrid columns="7" cellpadding="10">                        
                                    <h:outputLabel for="txtNombre" value="Nombre: *" /> 
                                    <p:inputText  required="true"  label="Nombre" id="txtNombre" value="#{managedBeanMarca.objetoMarcaCrear.marMarca}"/>                        
                                    
                                    <h:outputLabel for="txtDescripcion" value="Descripcion: *" /> 
                                    <p:inputTextarea  required="true"  label="Descripcion" id="txtDescripcion" rows="3" cols="45" value="#{managedBeanMarca.objetoMarcaCrear.marDescripcion}"/>                        
                                    <p:commandButton icon="ui-icon-disk"  value="Insertar" action="#{managedBeanMarca.insertar()}" update=":frmfieldset:grow2 :frmfieldset:txtDescripcion :frmfieldset:txtNombre :frmfieldset:mensajes :frmNuevo:dataTable" />                        
                                </h:panelGrid>  
                            </p:fieldset>
                        </h:panelGrid>
                    </h:form>
                    <br/>
                    <h:form id="frmNuevo">
                        <p:growl id="growl" showDetail="true"/>
                        <p:growl id="messages" />            
                        <h:panelGrid id="padre" columns="1" style="width: 100%">
                            <h:panelGrid id="hijo2" columns="1" style="width: 100%">
                                <p:dataTable id="dataTable" var="marca" value="#{managedBeanMarca.lista}" widgetVar="marcaTable" emptyMessage="Datos no encontrados"
                                             selection="#{managedBeanMarca.objetoMarca}" selectionMode="single"
                                             rowKey="#{marca.idMarca}" paginator="true" rows="5">  
                                    <p:ajax event="rowSelect" listener="#{managedBeanMarca.onRowSelect}"
                                            update=":frmNuevo:display :frmNuevo:growl" oncomplete="MarcaDialogo.show()" />
                                    <p:ajax event="rowUnselect" listener="#{managedBeanMarca.onRowUnselect}" update=":frmNuevo:growl"/>
                                    <f:facet name="header">  
                                        <p:outputPanel>  
                                            <h:outputText value="Listado de Marcas" />    
                                        </p:outputPanel>  
                                    </f:facet>
                                    <p:column id="nombre" filterMatchMode="contains" filterBy="#{marca.marMarca}" style="text-align: center" > 
                                        <f:facet name="header">
                                            <h:outputText value="Nombre" />
                                        </f:facet>
                                        <h:outputText value="#{marca.marMarca}" />  
                                    </p:column>  
                                    <p:column id="descripcion" filterMatchMode="contains" filterBy="#{marca.marDescripcion}" style="text-align: center" > 
                                        <f:facet name="header">
                                            <h:outputText value="Descripcion" />
                                        </f:facet>
                                        <h:outputText value="#{marca.marDescripcion}" />  
                                    </p:column>  
                                </p:dataTable> 
                            </h:panelGrid>
                        </h:panelGrid>        
                        <p:dialog modal="true" id="dialog" header="Editar Marca" widgetVar="MarcaDialogo" resizable="false" 
                                  showEffect="explode" hideEffect="explode" height="250" style="width: 100%" >
                            <h:panelGrid id="display" columns="2" cellpadding="4" style="width: 100%">
                                <p:fieldset legend="Datos de Marca" toggleable="true" toggleSpeed="500">  
                                    <p:ajax event="toggle" listener="#{fieldsetBean.handleToggle}" update="growl" />    
                                    <h:panelGrid columns="4" cellpadding="10">  
                                        <h:outputText value="ID: " />  
                                        <p:inputText disabled="true" value="#{managedBeanMarca.objetoMarca.idMarca}"/>  
                                        <h:outputText value="Nombre: " />  
                                        <p:inputText value="#{managedBeanMarca.objetoMarca.marMarca}"/> 
                                        <h:outputText value="Descripcion: " />  
                                        <p:inputTextarea rows="3" cols="45" value="#{managedBeanMarca.objetoMarca.marDescripcion}"/> 
                                        <p:commandButton icon="ui-icon-arrowrefresh-1-w" value="Actualizar" action="#{managedBeanMarca.editar}" update=":frmNuevo" />                            
                                        <p:commandButton value="Eliminar" title="Eliminar" alt="Eliminar" icon="ui-icon-close"  action="#{managedBeanMarca.eliminar}" update=":frmNuevo" />
                                    </h:panelGrid>  
                                </p:fieldset> 
                            </h:panelGrid>
                        </p:dialog>
                        <p:outputPanel id="panel1" autoUpdate="true" style="text-align: center">
                            <center>
                                <h:panelGrid columns="2" cellpadding="10">
                                    <p:fieldset legend="Exportar Todo: Seleccione el tipo de Formato" toggleSpeed="500"> 
                                        <center>
                                            <h:panelGrid columns="2" cellpadding="10">
                                                <h:commandLink>
                                                    <p:graphicImage style="width: 40px; height: 48px" value="/images/excel.png" />
                                                    <p:dataExporter type="xls" target="dataTable" fileName="lista" />
                                                </h:commandLink>
                                                <h:commandLink>
                                                    <p:graphicImage style="width: 50px; height: 48px" value="/images/pdf.jpg" />
                                                    <p:dataExporter type="pdf" target="dataTable" fileName="lista"/>
                                                </h:commandLink>
                                            </h:panelGrid>
                                        </center>
                                    </p:fieldset>
                                    <h:panelGrid columns="2" cellpadding="10" >                             
                                        <p:fieldset legend="Exportar por Paginado: Seleccione el tipo de Formato" toggleSpeed="500"> 
                                            <center>
                                                <h:panelGrid columns="2" cellpadding="10">
                                                    <h:commandLink>
                                                        <p:graphicImage style="width: 40px; height: 48px" value="/images/excel.png" />
                                                        <p:dataExporter type="xls" target="dataTable" fileName="lista" pageOnly="true"/>
                                                    </h:commandLink>
                                                    <h:commandLink>
                                                        <p:graphicImage style="width: 50px; height: 48px" value="/images/pdf.jpg" />
                                                        <p:dataExporter type="pdf" target="dataTable" fileName="lista" pageOnly="true"/>
                                                    </h:commandLink>
                                                </h:panelGrid>
                                            </center>
                                        </p:fieldset>
                                    </h:panelGrid>
                                </h:panelGrid>
                            </center>
                        </p:outputPanel>
                    </h:form>
                </p:panel>
            </ui:define>
        </ui:composition>
    </body>   
</html>